{extend name="default/base" /}

{block name="title"}{$title}{/block}
{block name="keywords"}{$keywords}{/block}
{block name="description"}{$description}{/block}

{block name="css"}{/block}

{block name="content"}
<div class="row">

    <div class="col-sm-8">

        <div class="box box-solid">
          <div class="box-header with-border">
            <h3 class="box-title">{$title}</h3>
          </div>
          <div class="box-body no-padding">
            <ul class="nav nav-pills nav-stacked">
              {volist name="list" id="vo"}
              <li class="pad">
                    <div class="row pad">
                      <div class="col-xs-4">
                            <a href="{$vo.article_url}">
                              <img class="img-responsive" width="220" height="150" src="{cms:thumb file="$vo['image']" width='220' height='150' /}">
                            </a>
                      </div>
                      <div class="col-xs-8">
                            <div>
                                <span class="lead"><a href="{$vo.article_url}">{$vo.title}</a></span>
                                <div class="text-muted small">
                                    <span><i class="fa fa-fw fa-clock-o"></i>{$vo.create_at|format_date}</span>
                                    <!-- <span style="margin-left:10px;"><i class="fa fa-fw fa-tag"></i><a href="{$vo.category_url}">{$vo.category_name}</a></span> -->
                                    <span style="margin-left:10px;"><i class="fa fa-fw fa-user"></i><a href="{$vo.member_url}">{$vo.username}</a></span>
                                    <!-- <span style="margin-left:10px;"><i class="fa fa-fw fa-eye"></i>阅读({$vo.pv})</span> -->
                                    <!-- <span style="margin-left:10px;"><i class="fa fa-fw fa-comments-o"></i>评论({$vo.comments_total})</span>  -->
                                </div>
                                <div class="text-muted hidden-xs" style="margin-top:10px;">
                                    <p class="small">{$vo.description|msubstr=0,90}</p>
                                </div>
                            </div>
                      </div>
                    </div>
              </li>
              {/volist}
            </ul>
          </div>
          <!-- /.box-body -->
        </div>

        <div class="text-center">
            {$page}
        </div>

    </div>

    <div class="col-sm-4 hidden-xs">
        <div class="box box-solid">
            <div class="box-header with-border">
                <h3 class="box-title">标签</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <ul class="nav nav-pills">
                    {tag:list name='vo' order='num desc' limit='10'}
                    <li role="presentation"><a href="{$vo.tag_url}">{$vo.title}</a></li>
                    {/tag:list}
                </ul>
            </div>
            <!-- /.box-body -->
        </div>
    </div>

</div>

{/block}

{block name="js"}{/block}